<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
 
<ui:composition>
 
<h:outputStylesheet>
    .top {
        vertical-align: top;
    }
 
    .info {
        height: 202px;
        overflow: auto;
    }
</h:outputStylesheet>

    <h:form id="form_product_upload_picture" >
        <h2>Foto do perfil</h2>
        <h:panelGrid columns="2" columnClasses="top, top">
            <rich:fileUpload  
                id="upload" 
                fileUploadListener="#{product_file_upload.listener}"
                acceptedTypes="jpg, gif, png, bmp" 
                addLabel="Adicionar" 
                clearAllLabel="Limpar todas" 
                clearLabel="limpar" 
                deleteLabel="apagar" 
                doneLabel="upload realizado" 
                sizeExceededLabel="arquivo muito grande, tente um arquivo de tamanho menor" 
                serverErrorLabel="ocorreu um erro em nosso servidor, tente novamente por favor"
                uploadLabel="Enviar">
                 
                <a4j:ajax event="uploadcomplete" execute="@none" render="product_picture" />
            </rich:fileUpload>
        </h:panelGrid>
        
    </h:form>
</ui:composition>
 
</html>